<template>
  <a-config-provider>
    <router-view></router-view>
  </a-config-provider>
</template>

<script setup>
// App.vue 作为根组件，保持简洁，主要负责全局配置和路由视图的渲染
</script>

<style>
/* 全局样式 */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
    'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
}

#app {
  height: 100%;
}

/* 设置滚动条样式 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--color-neutral-2);
}

::-webkit-scrollbar-thumb {
  background: var(--color-neutral-4);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-5);
}
</style>
